<template>
  <div class="note" v-html="rawHTML"></div>
</template>
<script>
export default {
  name: 'note',
  computed: {
    rawHTML () {
      return this.$store.state.notes.rawHTML
    }
  },
  beforeMount () {
    this.$store.dispatch('getRawHTML', { filename: this.$route.params.title })
  }
}
</script>
<style scoped>
.note {
  margin: auto;
}
</style>
